@charset "utf-8";
/* header-search 搜索区 */
#search_inner{
    height: 178px;
    border-bottom: 2px solid #C11B27;
}
.header-search{
    height: 180px;
   
}
.search_inner_top{
    height: 78px;
    padding-top:40px;
}
.search-left{
      width:290px;
      height: 78px;
}
/* 1 */
.search-middle{
    width: 680px;
    height: 78px;
   
    position: relative;
}

.search_bar{
    width: 676px;
    border:2px solid #E00817;
    height: 34px;
    margin-right: 70px;
}
 .search_bar input {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border: 0px;
    width: 603px;
    display: inline-block;
    outline: none;
    padding: 2px 4px;
}
.search_bar a {
    display: inline-block;
    width: 70px;
    height: 36px;
    line-height: 36px;
    background-color: #E00817;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    right: 0px;
    top: 0px;
}
.search_bar_text {
    font-size: 12px;
  
    padding-top: 10px;
}
.search_bar_text a{
    color: #909090;
}

 form[name="search-form"] {
            display: block;
            margin: 10px auto 0;
            width: 676px;
            font-size: 0;
 }
input[name="search-content"] {
            width: 603px;
            height: 36px;
            padding: 0 10px;
            border: 1px solid #ccc;
            outline: none;
            box-sizing: border-box;
            vertical-align: bottom;
}

input[name="search-content"] {
            border:2px solid #E00817;
}
input[type="submit"] {
            width: 70px;
            height: 36px;
            border: none;
            outline: none;
            color: #fff;
            background: #E00817;
 }
 #search-list {
            margin: 0 auto;
            width: 670px;
}
 #search-list li {
            padding: 0 10px;
            line-height: 30px;
            background: #eee;
            border-bottom: 1px dashed #ccc;
}

/* rigth */
.search-right{
    width: 236px;
    height: 78px;
    margin-left: 30px;
    margin-top: -7px;
}
.search_inner_bottom{
    height: 40px;
   
    width: 100%;
    margin-top:20px;
    border-bottom: 2px solid #C11B27;
}
.classify{
    width: 180px;
    height: 100%;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background-color: #C11B27;
    color: #FFFFFF;
   border-radius: 4px 4px 0 0;
}
.menu_list{
    width:654px;
    float: left;
    margin-left:10px;
}
.menu_list li:nth-child(1) a{
    color:#C11B27
}
.menu_list li{
    float:left
}
.menu_list li a{
    display: block;
    height: 40px;
    margin:0 15px;
    line-height: 40px;
    color:#333
}
.menu_list li a:hover{
      color:#C11B27
}
.nav{
    width:180px;
    height: 100%;
    background:#e6e6e6
}
.shop{
    width:100%;
    height: 85px;
    border-bottom: 1px solid lightgray;
}
.showNav{
    width: 730px;
    height: 430px;
    z-index: 999;
    position: absolute;
    left:180px;
    top:0;
    display:none;
    background: #FFFFFF;
}
.shopName{
    width:165px;
    height: 71px;
    padding:15px 0 0 15px;
  

  
}
.shopName span{
    color:#818181;
    font-size:14px;
}
.shopName a{
    font-size: 12px;
    color:#818181;
    /* margin-right:4px; */
    
}
.shopName p{
    word-break:break-all
}
.shopName a:hover{
    color:#C11B27
}
.sort_l{
    width:480px;
    height: 420px;
   
    padding:10px 0 0 20px
}
.navT span{
    color: #818181;
  
        font-size:12px
     
}
.fenLei{
    font-size: 14px;
    color:#333;
    display: block;
    padding-top: 12px;
   
}

.sort_l a{
    font-size:12px;
    color:#818181;
    /* padding-right: 2px; */
}
.sortImg{
    width: 220px;
    height: 410px;
    padding:20px 0 0 10px
}
.sortImg span{
    font-size:16px;
    color:#C11B27
}
.picBox{
    width:120px;
    height: 160px;
    border: 1px solid lightgray;
    margin: 10px auto;
}
.picBox img{
    width:100px;
    height:130px;
    margin:15px 0 0 10px;
}
.sortImg p{
    font-size: 14px;
    color: #818181;
}
.sortImg h4{
    color: #C11B27;
    font-size: 20px;
    margin:5px auto;
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.buyBox{
    width: 75px;
    height:25px;
    margin: 0 auto;
    border: 2px solid #C11B27;
}
.buyBox a{
    color:#818181;
    line-height: 25px;
    margin-left:22px;
}
.buyBox a:hover{
    color: #C11B27;
}
.showNav>img{
    width:100%;
    height: 100%;
}
/* banner */
#container {
    width: 1070px;
    /* height: 100%; */
   
}

#container li {
    width: 1070px;
    
}

#container li img {
    width: 1070px;
}
/* .swiper-container{
    --swiper-theme-color: #ffffff; */
   /*  --swiper-pagination-color: #00ff33;/* 两种都可以 */
  
  /* } */
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 1rem;
    height:.3rem;
    border-radius: 0;
    --swiper-theme-color: #818181;
   
 }
 /* 天天特惠 */
 .discount-title{
     height: 38px;
     background: #f5f0ed;
     padding-top:30px;
     width:100%; 
 }
 .discount-title>img:nth-child(1){  
     float: left;
 }
 .discount-title>img:nth-child(2){
     float: right;
 }
 .discount-pic{
     height:310px;
     width:1000px;
     float:left;
 }

.list {
    width: 1000px;
   /*  height: 220px;
    background: palegreen; */
    height: 100%;
}

.list .swiper-slide {
    margin-right: 5px;
    width: 240px;
    background: #FFFFFF;
    height:300px;
    text-align: center;
}

 #thumbs .swiper-slide img {
    margin:20px auto;
    /* height: 160px */
}
.swiper-slide p{
    font-size: 14px;
    text-align: center;
    color:#818181;
    margin:15px 0;
}
.swiper-slide span{
    font-size: 18px;
    text-align: center;
    color:#C11B27;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.discountBox{
    width:100%;
    height: 310px;  
}
.box{
    width:235px;
    height: 310px;
    
    float: right;
}
.tips{
     height: 160px;
     width:220px;
     background:#ebe2dc;
     padding:15px  0  0 15px
}
.tips li{
    height:30px;
    width:100%;
    color:#818181;
    font-size: 14px;
    line-height: 25px;
}
.tipImg{
    width:100%;
    height:125px;
    margin-top: 5px;
}
.tipImg img{
    width:100%;
    height: 125px;
}
.discountPics{
    height: 320px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}
/* 酒馆 */
.wineTit{
    height: 40px;
    width:100%;
    padding-top: 30px;
}
.wineTbox{
    height: 25px;
    width: 100%;
}
.wineTit_l{
    width:235px;
    height: 100%;
    float:left;

}
.wineTit_r{
    width:325px;
    height: 100%;
    float: right;
    
    display: flex;
    justify-content: space-between;

}
.wineTit_r a{
    font-size:14px;
    color:#C11B27;
    line-height: 25px;
    
}
.colorChange a{
    color:#EF8100;
}
.colorChange1 a{
    color:#87A411;
}
.colorChange2 a{
    color:#6C3E3E;
}
/* product */
.product{
    height: 590px;
    width: 100%;
    
}
.product_l{
    width:240px;
    height: 590px;
    float: left;
    margin-right: 10px;
}
.product_r{
    width:1000px;
    height: 590px;
    
    float: left;
}
.productBox1,.productBox2,.productBox3,.productBox4{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
.productBox1 li,.productBox2 li,.productBox3 li,.productBox4 li{
    height: 270px;
    width:245px;
    padding-top:20px;
    text-align:center;
    background:#FFFFFF;
    margin-bottom: 10px;
   
}
.productBox1 li img,.productBox2 li img,.productBox3 li img,.productBox4 li img{
     width:150px;
     height: 180px;
     margin: 0 auto;
}
.productBox1 li p,.productBox2 li p,.productBox3 li p,.productBox4 li p{
    font-size:14px;
    color:#818181;
    margin: 10px 0;
    width:100%;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* overflow: ; */
}
.productBox1 li span,.productBox2 li span,.productBox3 li span,.productBox4 li span{
    font-size: 18px;
    color:#C11B27; 
    font-family: Georgia, 'Times New Roman', Times, serif;
}
/* .wineTit_r:nth-child */
/* 注册 */
.navList{
    height: 33px;
    margin-top:20px;
}
.navList_l{
    width:200px;
    height:100%;
    
    position: relative;
}
.navH{
    width: 200px;
    height: 36px;
    position: absolute;
    top:-3px;
    left:0;
    background:#E00817;
}
.navH p{
    color:#fff;
    font-size:12px;
    line-height: 36px;
    margin-left:15px
}
.menu_list1{
    /* width:654px; */
    float: left;
    margin-left:-15px;
}
.menu_list1 li:nth-child(1) a{
   background:brown;
    
}
.menu_list1 li{
    float:left
}
.menu_list1 li a{
    font-size:14px;
    text-align: center;
    display: block;
    width:100%;
    height: 33px;
    margin:0 17px 0 15px;
    line-height: 33px;
    color:#fff
}
.menu_list1 li a:hover{
      background-color:brown;
      color:#fff
}
.userreg p{
    font-size: 14px;
    color:#6f0505;
    line-height: 32px;
    margin-left:15px
}
.userreg{
    width:720px;
    height: 32px;
    background:#fafafa ;
    margin-left:20px
}
.formbox{
    width:770px;
    height:442px;
    

}
.formTxt{
    height:40px;
    width:740px;
    margin:15px 20px;
    padding-top: 16px;
}
.formTxt p{
    float: left;
    width:150px;
    margin-left:20px;
    font-size:14px;
    color:#818181;
    line-height: 28px;
}
.formTxt p span{
    color:red;
    margin-right: 4px;
}
.formTxt input{
    width:270px;
    height: 25px;
    float:left;
    border-radius: 4px;

}
.formbox h3{
    font-size:14px;
    color:#818181;
    margin-left:120px;
    display: block;
    height:30px;
    width:100%;
}
#btn1{
    width:150px;
    height: 34px;
    margin:10px 0 0 170px;
    background:#C11B27;
    color:#fff;
    border-radius: 5px;
}
.formbox img{
    margin:90px 0 0 20px
}
#yzm,#yzm1{
    width:80px;
    height: 25px;
    float:left;
    border-radius: 4px;
    margin-right:4px
}
#yzm1{
    background: lightgray;
    text-align: center;
}
.Xqtit{
    height: 30px;
    padding:6px 0 6px 0;

}
.Xqtit h3{
    font-size: 12px;
    line-height: 30px;
}
.showShopimg{
   height: 420px;
  
  
}
.showShopimg_l{
    width:330px;
    height:396px ;
    background: oldlace;
    position: relative;
}
.showShopimg_r{
    width:715px;
    height: 396px;
    margin-left: 30px;
    padding-left:15px;
}
.showShopimg_r h2{
    font-size:20px;
    color:#000;
    font-weight: bold;
}
.salePirce{
    width:715px;
    height: 35px;
    padding-top:15px;
    border-top:1px solid lightgray;
    margin-top:20px
}
.salePirce p{
    font-size:12px;
    color:#454545;
    float:left;
    margin-top: 16px;
}
.salePirce span{
    font-size: 26px;
    color:#AB0012;
    float:left;
    margin-top: -1px;
}
.salePirce h4{
    font-size: 12px;
    color:#A4A4A4;
    float: left;
    margin:16px 0 0 26px
}
.showShopimg_r p{
    font-size:12px;
    color:#454545;
    margin-top:12px;
    display: block;
    height: 20px;
}
.carBtn{
    width:715px;
    height:45px;
    margin-top: 200px
}
#shopcarBtn{
    width:186px;
    height: 40px;
    background: url("../images/buy.jpg") no-repeat;
    float: left;
}
.carBtn img{
    float: left;
    margin:15px 0 0 70px
}
.scaleImg{
    width:360px;
    height:396px;
    border:1px solid lightgray;
    position:absolute;
    left:450px;
    top:200px;
   
    overflow: hidden;
    display:none; 
   /* z-index:999;
   /* background:rgba(255, 255, 255, .3) */
}
.showShopimg_l img{
    width:100%;
    height: 100%;
   
}
/* .scaleContainer{} */
.scaleContainer{
    width:330px;
    height:396px ;
    background: oldlace;
    position: relative;
}
.showShopimg_l .wrap{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background: rgba(0, 0, 0, 0.3);
}
.showShopimg_l .grayBox{
	display: none;
	width: 100px;
	height: 100px;
	background-size:400px 400px;
	background-position: 0 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
    top: 0;
   
}	
.scaleImg img{
   
    position: absolute;
	width: 600px;
	height: 600px;
}


/* 购物车 */
.myCar{
    height:68px;
}
.myCar_l{
    width:173px;
    height:68px;
    margin-left:30px
}
.myCar_r{
    width:460px;
    height:68px;    
}

.carContainer{
    padding:10px 0 0 30px; 
    min-height: 132px;
    width:1050px;
    border:1px solid #818181;
    margin-top:10px;
}